<template>
  <div>
    <mheader></mheader>
    <el-row>
      <el-col :span="24"><div class="header">审核平台</div></el-col>
    </el-row>
    <el-steps :active="0" process-status="finish" align-center>
      <el-step title="第一步：录入信息"></el-step>
      <el-step title="第二步：预览检查"></el-step>
      <el-step title="第三步：提交确认"></el-step>
    </el-steps>
    <div class="wrap">
      <el-form ref="ruleForm" :model="formMsg" :rules="rules" label-position="right" label-width="180px" size="medium">
        <!-- 咨询师信息 -->
        <el-row>
          <el-col :span="24"><div class="detail_title">咨询师信息</div></el-col>
        </el-row>
        <el-form-item label="姓名：" prop="refereeName">
          <el-input v-model="formMsg.refereeName" maxlength="20" placeholder="请输入姓名"/>
        </el-form-item>
        <el-form-item label="事业部：" prop="refereeDepartmentName">
          <el-select v-model="formMsg.refereeDepartmentName" placeholder="请选择">
            <el-option
              v-for="item in referee"
              :key="item.departmentId"
              :label="item.departmentName"
              :value="item.departmentId"/>
          </el-select>
        </el-form-item>
        <el-form-item label="邮箱：" prop="refereeEmail">
          <el-input v-model="formMsg.refereeEmail" maxlength="30" placeholder="请输入邮箱"/>&nbsp;@sunlands.com
        </el-form-item>
        <el-form-item label="手机号：" prop="refereeTel">
          <el-input v-model.trim="formMsg.refereeTel" maxlength="11" placeholder="请输入手机号"/>
        </el-form-item>
        <!-- 学员基本信息 -->
        <el-row>
          <el-col :span="24"><div class="detail_title">学员基本信息</div></el-col>
        </el-row>
        <el-form-item label="姓名：" prop="userName">
          <el-input v-model.trim="formMsg.userName" maxlength="30" placeholder="请输入姓名"/>
        </el-form-item>
        <el-form-item label="性别：" prop="sex">
          <el-radio-group v-model="formMsg.sex">
            <el-radio :label="1">女</el-radio>
            <el-radio :label="2">男</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="年龄：" prop="age">
          <el-input v-model.trim="formMsg.age" maxlength="2" placeholder="请输入年龄"/>
        </el-form-item>
        <el-form-item label="手机号：" prop="userPhone">
          <el-input style="float: left;" v-model.trim="formMsg.userPhone" maxlength="11" @input="inputChange" placeholder="请输入已在尚德注册的手机号"/><img v-if="isLoading" style="float: left; width: 36px; height: 36px;" src="../assets/images/timg.gif" alt="">
        </el-form-item>
        <el-row style="padding-left: 180px;line-height: 18px;margin-bottom: 15px;">
          <el-col v-if="formMsg.regPhone === 0" :span="24"><div style="color: hsl(214, 14%, 52%);">*特别注意：请填写学员在尚德APP注册的手机号，否则无法提交申请。</div></el-col>
          <el-col v-if="formMsg.regPhone === 1" :span="24"><div style="color: #f00;">*抱歉，未匹配到尚德注册信息，请先在尚德APP内注册，否则无法提交</div></el-col>
          <el-col v-if="formMsg.regPhone === 2" :span="24"><div style="color: #606266;">该手机号可以提交申请。</div></el-col>
        </el-row>
        <!-- 申请志愿信息 -->
        <el-row>
          <el-col :span="24"><div class="detail_title">申请志愿信息</div></el-col>
        </el-row>
        <!-- 申请项目 -->
        <el-form-item label="申请项目：" prop="project">
          <el-select v-model="formMsg.project"  @change="onChange(1)" placeholder="请选择">
            <el-option
              v-for="item in project"
              :key="item.id"
              :label="item.name"
              :value="item.id"/>
          </el-select>
        </el-form-item>
        <!-- 管理类联考 -->
        <el-row v-if="formMsg.project === 7">
          <el-col :span="24"><img width='980px' src="https://xszx-test-1251987637.cos.ap-beijing.myqcloud.com/mba1/img/mba2.5.1.png" alt=""></el-col>
          <el-col :span="24">
            <div class="memant">
              <p v-for="(item, index) in links" :key="index" :style="{background: item.sendLinkTime === 0 ? '' : 'rgba(127, 127, 127, 1)'}"  @click="sendLink(item, index, 'links')">
                <span>{{ item.name }}</span>
                <span>{{ item.sendLinkTime === 0 ? '测试链接' : '已发送' + item.sendLinkTime + 's' }}</span>
              </p>
            </div>
          </el-col>
          <el-col :span="24" style="margin: 10px 0px;color:red">*注意1：经审查发现奖学金申报、入学申请等证明信息与本人实际情况不符者将直接拒绝其入学申请。</el-col>
          <el-col :span="24" style="margin: 10px 0px;color:red">*注意2：学员只能申请满足分数线的班型，自主志愿除外。测试分数以最后一次提交的分数为准，测试链接表格提交后1小时不可重复提交。</el-col>
        </el-row>
        <!-- 硕士研究生 -->
        <div class="masterDegree" v-if="formMsg.project === 4">
            <div class="memant">
              <p v-for="(item, index) in masterLinks" :key="index" :style="{background: item.sendLinkTime === 0 ? '' : 'rgba(127, 127, 127, 1)'}"  @click="sendLink(item, index, 'masterLinks')">
                <span>{{ item.name }}</span>
                <span>{{ item.sendLinkTime === 0 ? '测试链接' : '已发送' + item.sendLinkTime + 's' }}</span>
              </p>
            </div>
            <div style="margin: 0px 0px 10px 0;color:red">*点击上面对应入学-评估测试按钮，学员答题分数达标，方可选择下面专业</div>
        </div>
        <!-- 班型 -->
        <el-form-item :label="schoolForm[formMsg.project] ? schoolForm[formMsg.project]: '申请院校：'" prop="school">
          <el-select v-model="formMsg.school"  @change="onChange(2)" placeholder="请选择学校">
            <el-option
              v-for="item in school"
              :key="item.schoolId"
              :label="item.schoolName"
              :value="item.schoolId"
              :disabled="item.exercisesStatus === 2"/>
          </el-select>
          <span v-if="formMsg.project === 7 || formMsg.project === 4">&nbsp;&nbsp;&nbsp;&nbsp;刚做完测评？点击<span @click="refresh" style="color: red; text-decoration:underline; cursor: pointer;">刷新</span>变更可选项</span>
        </el-form-item>
        <div v-if="formMsg.project === 7 && formMsg.userPhoneStatus" style="color: red; padding-bottom: 20px; padding-left: 180px;">需要填写学员手机号，才能准确选择班型</div>
        <el-form-item :label="majorForm[formMsg.project] ? majorForm[formMsg.project] : '专业：'" prop="major">
          <el-select v-model="formMsg.major" @change="onChange(3)" placeholder="请选择">
            <el-option
              v-for="item in major"
              :key="item.degreeId"
              :label="item.degreeName"
              :value="item.degreeId"/>
          </el-select>
        </el-form-item>
        <el-form-item :label="ClassTypeForm[formMsg.project] ? ClassTypeForm[formMsg.project] : '班型：'" prop="ClassType">
          <el-select v-model="formMsg.ClassType" placeholder="请选择">
            <el-option
              v-for="item in ClassType"
              :key="item.classId"
              :label="item.className"
              :value="item.classId"/>
          </el-select>
        </el-form-item>
        <div v-if="formMsg.project === 7">
          <el-form-item label="院校2" prop="classIdTwo">
            <el-select v-model="formMsg.classIdTwo" placeholder="请选择">
              <el-option
                v-for="item in ClassType"
                :key="item.classId"
                :label="item.className"
                :value="item.classId"/>
            </el-select>
          </el-form-item>
          <el-form-item label="院校3" prop="classIdThree">
            <el-select v-model="formMsg.classIdThree" placeholder="请选择">
              <el-option
                v-for="item in ClassType"
                :key="item.classId"
                :label="item.className"
                :value="item.classId"/>
            </el-select>
          </el-form-item>
          <el-form-item label="自主志愿：">
            <el-select v-model="formMsg.wish" filterable placeholder="请选择">
              <el-option
                v-for="item in wish"
                :key="item.id"
                :label="item.academyName"
                :value="item.id"/>
            </el-select>
          </el-form-item>
        </div>
        <!-- 教育信息（从高中起至最高） -->
        <div v-if="formMsg.isEom && must">
          <el-row :gutter="24">
            <div class="detail_title">教育信息（从高中起至最高）<span class="detail" style="color: red;">教育经历越高越详细，审核通过率越高</span></div>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="10"><div class="smallTitle">第1阶段教育经历</div></el-col>
          </el-row>
          <el-form-item label="学历：" prop="educations_01.record">
            <el-select v-model="formMsg.educations_01.record" placeholder="请选择">
              <el-option
                v-for="item in record"
                :key="item.value"
                :label="item.label"
                :value="item.value"/>
            </el-select>
          </el-form-item>
          <el-form-item label="学校名称：" prop="educations_01.schoolId">
            <el-input v-model.trim="formMsg.educations_01.schoolId" maxlength="50" placeholder="请输入学校名称"/>
          </el-form-item>
          <el-form-item label="专业名称：" prop="educations_01.majorId">
            <el-input v-model.trim="formMsg.educations_01.majorId" maxlength="50" placeholder="请输入专业名称"/>
          </el-form-item>
          <el-form-item label="院校类型：" prop="educations_01.schoolType">
            <el-select v-model="formMsg.educations_01.schoolType" placeholder="请选择">
              <el-option
                v-for="item in schoolType"
                :key="item.value"
                :label="item.label"
                :value="item.value"/>
            </el-select>
          </el-form-item>
          <el-form-item label="是否全日制：" prop="educations_01.eduInfoAll">
            <el-radio-group v-model="formMsg.educations_01.eduInfoAll">
              <el-radio :label="1">否</el-radio>
              <el-radio :label="2">是</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="学习形式：" prop="educations_01.studyTpye">
            <el-radio-group v-model="formMsg.educations_01.studyTpye">
              <el-radio label="1">其他</el-radio>
              <el-radio label="2">网络教育</el-radio>
              <el-radio label="3">成考</el-radio>
              <el-radio label="4">自考</el-radio>
              <el-radio label="5">统招</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="学习年限：" prop="educations_01.studyAge">
            <el-select v-model="formMsg.educations_01.studyAge" placeholder="请选择">
              <el-option
                v-for="item in studyAge"
                :key="item.value"
                :label="item.label"
                :value="item.value"/>
            </el-select>
          </el-form-item>
          <el-form-item label="成绩单科数目：">
            <el-radio-group v-model="formMsg.educations_01.subects">
              <el-radio label="1">1-9</el-radio>
              <el-radio label="2">10-14</el-radio>
              <el-radio label="3">15-19</el-radio>
              <el-radio label="4">20以上</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="成绩单平均分：" prop="educations_01.cjMinue">
            <el-input v-model="formMsg.educations_01.cjMinue" maxlength="7" placeholder="请输入平均分"/>
          </el-form-item>
          <el-form-item label="学信网可查：" prop="educations_01.isSearch">
            <el-radio-group v-model="formMsg.educations_01.isSearch">
              <el-radio :label="1">否</el-radio>
              <el-radio :label="2">是</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="学位证：" prop="educations_01.majorPoper">
            <el-radio-group v-model="formMsg.educations_01.majorPoper">
              <el-radio :label="1">无</el-radio>
              <el-radio :label="2">有</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="毕业证图片：">
            <el-upload
              class="upload"
              accept='.jpeg,.png,.jpg,.pdf'
              :limit='5'
              action="./recruit-api/v2/uploadImages"
              :headers = token
              :before-upload="beforeUpload"
              :on-success="upLoadSuccess01"
              :on-remove="upLoadRemove01"
              :file-list="formMsg.educations_01.picture_1Num">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
            </el-upload>
          </el-form-item>
          <el-form-item v-if="formMsg.educations_01.majorPoper === 2" label="学位证图片：">
            <el-upload
              class="upload"
              accept='.jpeg,.png,.jpg,.pdf'
              :limit='5'
              action="./recruit-api/v2/uploadImages"
              :headers = token
              :before-upload="beforeUpload"
              :on-success="upLoadSuccess02"
              :on-remove="upLoadRemove02"
              :file-list="formMsg.educations_01.picture_2Num">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
            </el-upload>
          </el-form-item>
          <el-form-item label="成绩单图片：">
            <el-upload
              class="upload"
              accept='.jpeg,.png,.jpg,.pdf'
              :limit='5'
              action="./recruit-api/v2/uploadImages"
              :headers = token
              :before-upload="beforeUpload"
              :on-success="upLoadSuccess03"
              :on-remove="upLoadRemove03"
              :file-list="formMsg.educations_01.picture_3Num">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
            </el-upload>
          </el-form-item>
          <el-row :gutter="24">
            <el-col :span="12" >
              <span class="smallTitle">第2阶段教育经历：&nbsp;&nbsp;&nbsp;</span>
              <el-radio-group v-model="formMsg.isEducations_T">
                <el-radio :label="0">有</el-radio>
                <el-radio :label="1">无</el-radio>
              </el-radio-group>
            </el-col>
          </el-row>
          <div v-if="formMsg.isEducations_T === 0">
            <el-form-item label="学历：">
              <el-select v-model="formMsg.educations_02.record" placeholder="请选择">
                <el-option
                  v-for="item in record"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <el-form-item label="学校名称：">
              <el-input v-model="formMsg.educations_02.schoolId" maxlength="50"/>
            </el-form-item>
            <el-form-item label="专业名称：">
              <el-input v-model="formMsg.educations_02.majorId" maxlength="50"/>
            </el-form-item>
            <el-form-item label="院校类型：">
              <el-select v-model="formMsg.educations_02.schoolType" placeholder="请选择">
                <el-option
                  v-for="item in schoolType"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <el-form-item label="是否全日制：">
              <el-radio-group v-model="formMsg.educations_02.eduInfoAll">
                <el-radio :label="1">否</el-radio>
                <el-radio :label="2">是</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学习形式：">
              <el-radio-group v-model="formMsg.educations_02.studyTpye">
                <el-radio label="1">其他</el-radio>
                <el-radio label="2">网络教育</el-radio>
                <el-radio label="3">成考</el-radio>
                <el-radio label="4">自考</el-radio>
                <el-radio label="5">统招</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学习年限：">
              <el-select v-model="formMsg.educations_02.studyAge" placeholder="请选择">
                <el-option
                  v-for="item in studyAge"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <el-form-item label="成绩单科数目：">
              <el-radio-group v-model="formMsg.educations_02.subects">
                <el-radio label="1">1-9</el-radio>
                <el-radio label="2">10-14</el-radio>
                <el-radio label="3">15-19</el-radio>
                <el-radio label="4">20以上</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="成绩单平均分：" prop="educations_02.cjMinue">
              <el-input v-model="formMsg.educations_02.cjMinue" maxlength="7" placeholder="请输入平均分"/>
            </el-form-item>
            <el-form-item label="学信网可查：">
              <el-radio-group v-model="formMsg.educations_02.isSearch">
                <el-radio :label="1">否</el-radio>
                <el-radio :label="2">是</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学位证：">
              <el-radio-group v-model="formMsg.educations_02.majorPoper">
                <el-radio :label="1">无</el-radio>
                <el-radio :label="2">有</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="毕业证图片：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="upLoadSuccess11"
                :on-remove="upLoadRemove11"
                :file-list="formMsg.educations_02.picture_1Num">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item v-if="formMsg.educations_02.majorPoper === 2" label="学位证图片：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="upLoadSuccess12"
                :on-remove="upLoadRemove12"
                :file-list="formMsg.educations_02.picture_2Num">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="成绩单图片：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="upLoadSuccess13"
                :on-remove="upLoadRemove13"
                :file-list="formMsg.educations_02.picture_3Num">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
          </div>
          <el-row :gutter="24">
            <el-col :span="12" >
              <span class="smallTitle">第3阶段教育经历：&nbsp;&nbsp;&nbsp;</span>
              <el-radio-group v-model="formMsg.isEducations_third">
                <el-radio :label="0">有</el-radio>
                <el-radio :label="1">无</el-radio>
              </el-radio-group>
            </el-col>
          </el-row>
          <div v-if="formMsg.isEducations_third === 0">
            <el-form-item label="学历：">
              <el-select v-model="formMsg.educations_03.record" placeholder="请选择">
                <el-option
                  v-for="item in record"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <el-form-item label="学校名称：">
              <el-input v-model="formMsg.educations_03.schoolId" maxlength="50"/>
            </el-form-item>
            <el-form-item label="专业名称：">
              <el-input v-model="formMsg.educations_03.majorId" maxlength="50"/>
            </el-form-item>
            <el-form-item label="院校类型：">
              <el-select v-model="formMsg.educations_03.schoolType" placeholder="请选择">
                <el-option
                  v-for="item in schoolType"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <el-form-item label="是否全日制：">
              <el-radio-group v-model="formMsg.educations_03.eduInfoAll">
                <el-radio :label="1">否</el-radio>
                <el-radio :label="2">是</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学习形式：">
              <el-radio-group v-model="formMsg.educations_03.studyTpye">
                <el-radio label="1">其他</el-radio>
                <el-radio label="2">网络教育</el-radio>
                <el-radio label="3">成考</el-radio>
                <el-radio label="4">自考</el-radio>
                <el-radio label="5">统招</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学习年限：">
              <el-select v-model="formMsg.educations_03.studyAge" placeholder="请选择">
                <el-option
                  v-for="item in studyAge"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <el-form-item label="成绩单科数目：">
              <el-radio-group v-model="formMsg.educations_03.subects">
                <el-radio label="1">1-9</el-radio>
                <el-radio label="2">10-14</el-radio>
                <el-radio label="3">15-19</el-radio>
                <el-radio label="4">20以上</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="成绩单平均分：" prop="educations_03.cjMinue">
              <el-input v-model="formMsg.educations_03.cjMinue" maxlength="7" placeholder="请输入平均分"/>
            </el-form-item>
            <el-form-item label="学信网可查：">
              <el-radio-group v-model="formMsg.educations_03.isSearch">
                <el-radio :label="1">否</el-radio>
                <el-radio :label="2">是</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学位证：">
              <el-radio-group v-model="formMsg.educations_03.majorPoper">
                <el-radio :label="1">无</el-radio>
                <el-radio :label="2">有</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="毕业证图片：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="upLoadSuccess21"
                :on-remove="upLoadRemove21"
                :file-list="formMsg.educations_03.picture_1Num">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item v-if="formMsg.educations_03.majorPoper === 2" label="学位证图片：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="upLoadSuccess22"
                :on-remove="upLoadRemove22"
                :file-list="formMsg.educations_03.picture_2Num">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="成绩单图片：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="upLoadSuccess23"
                :on-remove="upLoadRemove23"
                :file-list="formMsg.educations_03.picture_3Num">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
          </div>
          <!-- 工作信息 -->
          <el-row>
            <el-col :span="24"><div class="detail_title">工作信息</div></el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="10"><div class="smallTitle">当前/最近1份工作：</div></el-col>
          </el-row>
          <el-form-item label="是否在职：" prop="workMsg_01.isJob">
            <el-radio-group v-model="formMsg.workMsg_01.isJob">
              <el-radio :label="1">是</el-radio>
              <el-radio :label="2">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="公司名称：" prop="workMsg_01.gsName">
            <el-input v-model="formMsg.workMsg_01.gsName" maxlength="100" placeholder="请输入公司名称"/>
          </el-form-item>
          <el-form-item label="在职时间：" prop="workMsg_01.timer">
            <el-date-picker
              v-model="formMsg.workMsg_01.timer"
              type="daterange"
              align="right"
              value-format="yyyy-MM-dd"
              unlink-panels
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"/>
          </el-form-item>
          <el-form-item label="年薪范围：" prop="workMsg_01.money">
            <el-select v-model="formMsg.workMsg_01.money" placeholder="请选择">
              <el-option
                v-for="item in money"
                :key="item.value"
                :label="item.label"
                :value="item.value"/>
            </el-select>
          </el-form-item>
          <div style="color: red; padding-left: 180px; padding-bottom: 10px;line-height: 20px;">重要提示：提交的年薪额，不得高于其公司所开具的工资<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证明金额。否则经审查后将不能享受协议退费条款 </div>
          <el-form-item label="职位：" prop="workMsg_01.job">
            <el-input  v-model="formMsg.workMsg_01.job" maxlength="20" placeholder="请输入职位"/>
          </el-form-item>
          <el-form-item label="工作涉及领域：" prop="workMsg_01.doing">
            <el-input v-model="formMsg.workMsg_01.doing" maxlength="50" placeholder="请输入工作涉及领域"/>
          </el-form-item>
          <el-row :gutter="24">
            <el-col :span="12" >
              <span class="smallTitle">最近第2份工作经历：&nbsp;&nbsp;&nbsp;</span>
              <el-radio-group v-model="formMsg.work_02">
                <el-radio :label="0">有</el-radio>
                <el-radio :label="1">无</el-radio>
              </el-radio-group>
            </el-col>
          </el-row>
          <div v-if="formMsg.work_02 === 0">
            <el-form-item label="公司名称：">
              <el-input v-model="formMsg.workMsg_02.gsName" maxlength="100" placeholder="请输入公司名称"/>
            </el-form-item>
            <el-form-item label="在职时间：" prop="workMsg_02.timer">
              <el-date-picker
                v-model="formMsg.workMsg_02.timer"
                type="daterange"
                align="right"
                value-format="yyyy-MM-dd"
                unlink-panels
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"/>
            </el-form-item>
            <el-form-item label="年薪范围：">
              <el-select v-model="formMsg.workMsg_02.money" placeholder="请选择">
                <el-option
                  v-for="item in money"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"/>
              </el-select>
            </el-form-item>
            <div v-if="formMsg.project === 7" style="color: red; padding-left: 180px; padding-bottom: 10px;line-height: 20px;">重要提示：提交的年薪额，不得高于其公司所开具的工资<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证明金额。否则经审查后将不能享受协议退费条款 </div>
            <el-form-item label="职位：">
              <el-input  v-model="formMsg.workMsg_02.job" maxlength="20" placeholder="请输入职位"/>
            </el-form-item>
            <el-form-item label="工作涉及领域：">
              <el-input v-model="formMsg.workMsg_02.doing" maxlength="50" placeholder="请输入工作涉及领域"/>
            </el-form-item>
          </div>
          <el-form-item label="迄今为止工作年限：" prop="workYear">
            <el-input v-model="formMsg.workYear" maxlength="2" placeholder="请输入迄今为止工作年限"/>
          </el-form-item>
          <!-- 英语能力信息 -->
          <el-row>
            <el-col :span="24"><div class="detail_title">英语能力信息</div></el-col>
          </el-row>
          <el-form-item label="等级水平：" prop="level">
            <el-select v-model="formMsg.level" placeholder="请选择">
              <el-option
                v-for="item in englishLevel"
                :key="item.value"
                :label="item.label"
                :value="item.value"/>
            </el-select>
          </el-form-item>
          <el-form-item label="词汇量：" prop="words">
            <el-select v-model="formMsg.words" placeholder="请选择">
              <el-option
                v-for="item in letterNumber"
                :key="item.value"
                :label="item.label"
                :value="item.value"/>
            </el-select>
          </el-form-item>
          <el-form-item label="口语能力：" prop="speakLevel">
            <el-radio-group v-model="formMsg.speakLevel">
              <el-radio label="1">优秀</el-radio>
              <el-radio label="2">一般</el-radio>
              <el-radio label="3">很差</el-radio>
              <el-radio label="4">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="听力能力：" prop="hearLevel">
            <el-radio-group v-model="formMsg.hearLevel">
              <el-radio label="1">优秀</el-radio>
              <el-radio label="2">一般</el-radio>
              <el-radio label="3">很差</el-radio>
              <el-radio label="4">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="阅读能力：" prop="readLevel">
            <el-radio-group v-model="formMsg.readLevel">
              <el-radio label="1">优秀</el-radio>
              <el-radio label="2">一般</el-radio>
              <el-radio label="3">很差</el-radio>
              <el-radio label="4">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="写作能力：" prop="writeLevel">
            <el-radio-group v-model="formMsg.writeLevel">
              <el-radio label="1">优秀</el-radio>
              <el-radio label="2">一般</el-radio>
              <el-radio label="3">很差</el-radio>
              <el-radio label="4">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <!-- 英语能力信息 -->
          <el-row>
            <el-col :span="24"><div class="detail_title">申请备注</div></el-col>
          </el-row>
          <el-form-item label="您想告诉我们什么：">
            <el-input style="width: 300px;" :rows="4" type="textarea" v-model="formMsg.note" placeholder="请输入最大200汉字或400英文字符"/>
          </el-form-item>
          <!-- 补充材料信息 -->
          <el-row>
            <el-col :span="24"><div class="detail_title">补充材料信息</div></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"><div class="openBtn">
              <div @click="isShow">{{formMsg.idAdd ? '关闭' : '展开'}}</div>
            </div></el-col>
          </el-row>
          <div v-if="formMsg.idAdd">
            <el-form-item label="申请表：">
              <el-upload
                class="upload"
                accept='.docx,.pdf'
                :limit='1'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="applyTableSuccess"
                :on-remove="applyTableRemove"
                :file-list="formMsg.applyTable">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传word/pdf文件，最多1个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="学信网中文学历认证：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='1'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="chsiCnEduSuccess"
                :on-remove="chsiCnEduRemove"
                :file-list="formMsg.chsiCnEdu">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多1个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="学信网英文学历认证：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='1'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="chsiEnEduSuccess"
                :on-remove="chsiEnEduRemove"
                :file-list="formMsg.chsiEnEdu">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多1个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="护照扫描件：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="pasportSuccess"
                :on-remove="pasportRemove"
                :file-list="formMsg.pasport">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多5个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="身份证正反扫描件：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="idCardSuccess"
                :on-remove="idCardRemove"
                :file-list="formMsg.idCard">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多5个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="2寸证件照：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="identificationPicSuccess"
                :on-remove="identificationPicRemove"
                :file-list="formMsg.identificationPic">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多5个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="工作证明（盖公章）：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="workProveSuccess"
                :on-remove="workProveRemove"
                :file-list="formMsg.workProve">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多5个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="个人简历：">
              <el-upload
                class="upload"
                accept='.docx,.pdf'
                :limit='1'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="vitaeSuccess"
                :on-remove="vitaeRemove"
                :file-list="formMsg.vitae">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传word/pdf文件，最多1个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="专业网专业认证：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='1'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="degreeIdentSuccess"
                :on-remove="degreeIdentRemove"
                :file-list="formMsg.degreeIdent">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多1个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="推荐信：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="recommendationSuccess"
                :on-remove="recommendationRemove"
                :file-list="formMsg.recommendation">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多5个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="90秒英文视频：">
              <el-upload
                class="upload"
                accept='.mp4,.avi,.mkv'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="enVideoSuccess"
                :on-remove="enVideoRemove"
                :file-list="formMsg.enVideo">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传mp4, avi, mkv格式，最多5个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="中文或英文个人陈述：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='1'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="statementSuccess"
                :on-remove="statementRemove"
                :file-list="formMsg.statement">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多1个文件且不超过5M</div>
              </el-upload>
            </el-form-item>
            <el-form-item label="最高学历成绩单认证：">
              <el-upload
                class="upload"
                accept='.jpeg,.png,.jpg,.pdf'
                :limit='5'
                action="./recruit-api/v2/uploadImages"
                :headers = token
                :before-upload="beforeUpload"
                :on-success="scoreCardSuccess"
                :on-remove="scoreCardRemove"
                :file-list="formMsg.scoreCard">
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg/pdf文件，最多五张且单张不超过5M</div>
              </el-upload>
            </el-form-item>
          </div>
        </div>
        <el-form-item>
          <el-button type="primary" class="submit" size="medium" @click.native="onSubmit('ruleForm')">预览</el-button>
        </el-form-item>
        <el-row v-if="formMsg.project !== 4">
          <el-col :span="24"><div class="buttonTitle">*递交申请前，请您务必预览检查</div></el-col>
        </el-row>
        <el-row v-else>
          <el-col :span="24"><div class="buttonTitle">请提示学员<span style="color: red;">如实答题</span>，根据答题结果，判断是否可在尚德商城购买</div></el-col>
          <el-col :span="24"><div class="buttonTitle">若学员填错，<span style="color: green;">1小时后</span>再帮学员申请一次即可</div></el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
import { stuEnroll } from '../Mixin/stuEnroll'
import { isPhone } from '../utils/valid'
import { getToken, getSchoolCategory, getProducts, getSchoolExercisesPaper, getExaminationPaperUrl, getAcademyMsg, dept, schoolCategoryAudit, checkTelephone } from '../api/stuEnrollInfo'
import mheader from '@/components/mheader'
var workYears = (rules, value, callback) => {
  let reg = /^\d{1,}$/
  if (value !== '' && !reg.test(value)) {
    callback(new Error('仅支持数字'))
  } else {
    callback()
  }
}
var timer = null
export default {
  name: 'stuEnroll',
  mixins: [stuEnroll],
  data () {
    return {
      isLoading: false,
      links: [],
      masterLinks: [],
      token: {},
      project: [], // 申请项目
      isRefesh: false,
      school: [], // 申请院校
      schoolForm: {
        1: '申请院校：',
        2: '专业：',
        3: '申请院校：',
        4: '专业：',
        5: '申请院校：',
        6: '申请院校：',
        7: '申请班型'
      },
      major: [], // 专业
      majorForm: {
        1: '专业：',
        2: '省份：',
        3: '专业：',
        4: '省份：',
        5: '专业：',
        6: '专业：',
        7: '院校省份：'
      },
      ClassType: [], // 班型
      ClassTypeForm: {
        1: '班型：',
        2: '院校：',
        3: '班型：',
        4: '院校：',
        5: '班型：',
        6: '班型：',
        7: '院校1'
      },
      wish: [], // 自主志愿
      referee: [] // 事业部
    }
  },
  components: {
    mheader
  },
  watch: {},
  methods: {
    inputChange (val) {
      let timer
      const reg = /^1([3|4|5|6|7|8|9|])\d{9}$/
      if (!reg.test(val)) {
        this.formMsg.regPhone = 0
        this.formMsg.appUserId = ''
        return
      }
      this.isLoading = true
      var count = 2
      if (timer) clearInterval(timer)
      timer = setInterval(() => {
        count--
        if (count === 0) {
          this.isLoading = false
          clearInterval(timer)
          this.management()
        }
      }, 1000)
    },
    async management () {
      const { userPhone, project } = this.formMsg
      let { data: { data: { isRegist, userId } } } = await checkTelephone(userPhone)
      if (isRegist === '0') {
        this.formMsg.regPhone = 1
      } else {
        this.formMsg.appUserId = userId
        this.formMsg.regPhone = 2
      }
      if (!project) return
      this.refresh()
    },
    async sendLink ({ id }, index, linkType) {
      if (this[linkType][index].timer) {
        this.$message({ showClose: true, message: '该手机号请求', type: 'warning' })
        return
      }
      const { userName, userPhone, refereeTel } = this.formMsg
      var reg = /^1([3|4|5|6|7|8|9|])\d{9}$/
      if (!(userName && userPhone !== '' && refereeTel !== '')) {
        this.$message({ showClose: true, message: '学员姓名、学员手机号和咨询师手机号都必填，请填写后再获取测试链接', type: 'warning' })
        return
      } else if (!reg.test(refereeTel)) {
        this.$message({ showClose: true, message: '咨询师手机号格式不正确', type: 'warning' })
        return
      } else if (!reg.test(userPhone)) {
        this.$message({ showClose: true, message: '学员手机号格式不正确', type: 'warning' })
        return
      }
      const { data: { code, msg } } = await getExaminationPaperUrl({ mobile: userPhone, refereeMobile: refereeTel, paperId: id, name: userName })
      if (code !== 0) {
        this.$message.error(msg)
        return
      }
      this.$message({ showClose: true, type: 'success', message: msg })
      debugger
      this[linkType][index].sendLinkTime = 60
      this[linkType][index].timer = setInterval(() => {
        this[linkType][index].sendLinkTime--
        if (this[linkType][index].sendLinkTime === 0) {
          clearInterval(this[linkType][index].timer)
          this[linkType][index].timer = null
        }
      }, 1000)
    },
    refresh () { // 管理类联考院校省份刷新
      this.isRefesh = true
      this.onChange(1)
    },
    async onChange (val) {
      this.must = false
      this.$nextTick(() => {
        this.must = true
      })
      if (val === 1) {
        this.school = []
        this.major = []
        this.ClassType = []
        // 项目为 管理类联考协议时 增加一部分校验正则，其他项目时，清除多余正则校验
        Object.entries(this.addRules).forEach(item => { this.rules[item[0]] = this.formMsg.project === 7 ? item[1] : [] })
        if (this.formMsg.project === 7) {
          // 管理类联考模式下判断学员手机号是否正确，用于开启申请班型输入框下提示文案显示 or 隐藏
          if (!isPhone(this.formMsg.userPhone)) {
            this.formMsg.userPhoneStatus = true
          } else {
            this.formMsg.userPhoneStatus = false
          }
          // 管理类联考协议 教育信息、工作信息英语能力信息固定展示
          this.formMsg.isEom = true
        } else {
          this.rules['workYear'] = [{ validator: workYears, trigger: 'blur' }]
          // 判断是否显示下方教育信息、工作信息、英语能力信息
          const { data: { haveAudit } } = await schoolCategoryAudit(this.formMsg.project)
          if (haveAudit === 0) {
            if (this.formMsg.isEom) this.clearSomeForm()
            this.formMsg.isEom = false
          } else {
            this.formMsg.isEom = true
          }
        }
        // // 判断是否是正确的手机号
        // if(!isPhone(this.formMsg.userPhone)) {
        //   this.$message({ showClose: true, type: 'error', message: '请输入正确手机号' })
        //   return
        // }
        // 根据项目ID，获取院校、专业、班型三级联动数据
        let { data: { productInfo } } = await getProducts(this.formMsg.project, this.formMsg.userPhone)
        if (this.isRefesh) {
          this.$message({ showClose: true, type: 'success', message: '您的可报名班型已更新' })
          this.isRefesh = false
        }
        this.school = productInfo
        Object.assign(this.formMsg, { school: '', major: '', ClassType: '', classIdTwo: '', classIdThree: '', wish: '' })
      } else if (val === 2) {
        let { degreeList } = this.school.find(item => this.formMsg.school === item.schoolId)
        this.major = degreeList
        this.ClassType = []
        Object.assign(this.formMsg, { major: '', ClassType: '', classIdTwo: '', classIdThree: '' })
      } else if (val === 3) {
        let { classList } = this.major.find(item => this.formMsg.major === item.degreeId)
        this.ClassType = classList
        Object.assign(this.formMsg, { ClassType: '', classIdTwo: '', classIdThree: '' })
      }
    },
    clearSomeForm () {
      Object.assign(this.formMsg, JSON.parse(JSON.stringify(this.resetForm)))
    },
    isShow () {
      this.formMsg.idAdd = !this.formMsg.idAdd
    },
    onSubmit (ruleForm) {
      this.$refs[ruleForm].validate((valid) => {
        if (!(valid && this.formMsg.appUserId !== '')) return
        let allInfo = this.submit()
        sessionStorage.setItem('allInfo', JSON.stringify(allInfo))
        this.$router.push('/stuEnrollInfo')
      })
    },
    async getExamPaper(schoolCategoryId = 7) {
      const { data: { data: links } } = await getSchoolExercisesPaper({schoolCategoryId})
      links.forEach((item, index) => {
        links[index] = Object.assign(item, { sendLinkTime: 0, timer: null })
      })
      schoolCategoryId === 7 ? this.links = links : this.masterLinks = links
    }
  },
  async created () {
    const token = await getToken()
    sessionStorage.setItem('token', token.data.data)
    this.token = {
      'token': token.data.data,
      'type': 'h5'
    }
    let { data: { data } } = await getSchoolCategory()
    this.project = data
    let { data: { departmentList } } = await dept()
    this.referee = departmentList
    const { data: { data: wish } } = await getAcademyMsg()
    this.wish = wish
    this.getExamPaper(7)
    this.getExamPaper(4)
    // const { data: { data: links } } = await getSchoolExercisesPaper()
    // links.forEach((item, index) => {
    //   links[index] = Object.assign(item, { sendLinkTime: 0, timer: null })
    // })
    // this.links = links
  },
  mounted () {}
}
</script>
<style lang="less">
  @main_color: #1C2F54;
  .header{
    padding-left: 160px;
    font-size: 26px;
    line-height: 80px;
  }
  .wrap{
    padding: 0 160px;
    margin: 0 auto;
    .detail_title{
      font-size: 16px;
      height: 20px;
      border-bottom: 1px solid #DDE5F3;
      margin-bottom: 20px;
      .enroll{
        float: right;
        font-size: 13px;
        cursor: pointer;
      }
    }
    .detail{
      font-size: 14px;
      color: hsl(214, 14%, 52%);
    }
    .masterDegree {
      .memant{
        p {
          margin: 0px 40px 20px 0px!important;
        }
      }
    }
    .el-form{
      margin-top: 30px;
      font-size: 14px;
      .el-input, .el-select, .upload, .el-cascader, .el-date-editor--daterange.el-input__inner{
        width: 360px;
      }
      .memant{
        display: flex;
        flex-wrap: wrap;
        color: #fff;
        p{
          margin: 20px 40px 20px 0px;
          padding: 6px 60px;
          text-align: center;
          background: #A51C30;
          border-radius: 5px;
          cursor: pointer;
          span{
            display: block;
            line-height: 20px;
          }
        }
      }
      .submit{
        width: 300px;
      }
      .smallTitle{
        font-size: 14px;
        height: 20px;
        text-indent: 30px;
        color: @main_color;
        display: inline-block;
        margin-bottom: 20px;
      }
    }
    .openBtn{
      width: 660px;
      height: 50px;
      margin: 20px 0px;
      text-align: center;
      div{
        cursor: pointer;
        width: 100px;
        line-height: 40px;
        font-size: 16px;
        background: #A51C30;
        color: #fff;
        margin: 0 auto;
      }
    }
    .buttonTitle{
      padding: 0px 0px 10px 180px;
    }
  }
  /deep/.el-form-item__label{
    color: @main_color;
  }
  .el-cascader-menu__item {
    padding: 8px 24px;
  }
  .el-cascader-menu__item--extensible:after{
    right: 5px;
  }
</style>
